<!DOCTYPE html>
<html>
<!-- head -->
{include file="common/page/head"}
<link rel="stylesheet" href="__app__/admin/view/Statistic/orderStatisticList/orderStatisticList.css">
<body>

<!---------------- 销售额 报表统计------------------->
<!-- 页头 -->
{include file="common/page/header"}
<!-- 主体 -->
<div class="content container-fluid{if $leftBarScale eq '1'} scale{/if}">
    <div class="row">
        <div class="col-md-2 left-section">
            <!-- 左导航菜单 -->
            {include file="common/page/menu"}

        </div>
        <div class="col-md-10 right-section">
            <h3><i class="icon iconfont">{$Think.session.currentMenu.icon}</i>{$Think.session.currentMenu.menuTitle}
                <div class="operation-div">

                </div>
            </h3>
            <div class="inner-section row">

                <!--关键指标-->
                <div class="key-index">
                    <ul class="clearfix">
                        <li class="key-index-item">
                            <div class="key-index-item-wrap">
                                <div class="count"><i class="icon iconfont">&#xe65d;</i>{$keyIndex[0]}</div>
                                <div class="text">今日发布订单数量</div>
                            </div>
                        </li>
                        <li class="key-index-item">
                            <div class="key-index-item-wrap">
                                <div class="count"><i class="icon iconfont">&#xe65d;</i>{$keyIndex[1]}</div>
                                <div class="text">今日已接单数量</div>
                            </div>
                        </li>
                        <li class="key-index-item">
                            <div class="key-index-item-wrap">
                                <div class="count"><i class="icon iconfont">&#xe65d;</i>{$keyIndex[2]}</div>
                                <div class="text">今日取消订单数量</div>
                            </div>
                        </li>
                    </ul>
                </div>

                <!--折线图-->
                <div id="line-chart-area" style="margin-top: 5px;">
                    <!--查询参数-->
                    <div class="line-chart-top">
                        <h4>今日平台交易额</h4>
                        <div class="line-chart-search-area clearfix">
                            <a href="javascript:void(0);" class="chart-range" data-dayCount="-1">昨天</a>
                            <a href="javascript:void(0);" class="chart-range selected" data-dayCount="1">今天</a>
                            <a href="javascript:void(0);" class="chart-range" data-dayCount="7">最近7日</a>
                            <a href="javascript:void(0);" class="chart-range" data-dayCount="15">最近15日</a>
                            <a href="javascript:void(0);" class="chart-range" data-dayCount="30">最近30日</a>

                            <input id="startTime" autocomplete="off" name="startTime" type="text" class="input-normal search Wdate" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})" />
                            <input id="endTime" autocomplete="off" name="endTime" type="text" class="input-normal search Wdate" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})" />
                        </div>
                    </div>
                    <div class="line-chart-wrap">
                        <div class="line-chart" id="line-chart-1"></div>
                    </div>
                </div>

                <!--折线图-->
                <div id="line-chart-area-2" style="margin-top: 5px;">
                    <!--查询参数-->
                    <div class="line-chart-top">
                        <h4>今日访客数量</h4>
                        <div class="line-chart-search-area clearfix">
                            <a href="javascript:void(0);" class="chart-range" data-dayCount="-1">昨天</a>
                            <a href="javascript:void(0);" class="chart-range selected" data-dayCount="1">今天</a>
                            <a href="javascript:void(0);" class="chart-range" data-dayCount="7">最近7日</a>
                            <a href="javascript:void(0);" class="chart-range" data-dayCount="15">最近15日</a>
                            <a href="javascript:void(0);" class="chart-range" data-dayCount="30">最近30日</a>
                        </div>
                    </div>
                    <div class="line-chart-wrap-2">
                        <div class="line-chart" id="line-chart-2"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 页脚 -->
{include file="common/page/footer"}
<!-- jsfiles -->
{include file="common/page/jsfiles"}
<script type="text/javascript" src="__static__/js/highchart/highcharts-4.1.9.js"></script>
<script src="__static__/js/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="__app__/admin/view/Statistic/orderStatisticList/orderStatisticList.js"></script>

</body>
</html>